import React from 'react';
import { Row, Col, Form, Input, InputNumber, DatePicker, Select, Button, Modal, Tabs, message } from 'antd';
import CurrencySelect from '../../../components/commons/CurrencySelect'
import AreaSelect from '../../../components/commons/AreaSelect'
import moment from 'moment'
import SingleDragger from "../../commons/SingleDragger";
import OperatorConstant from "../../../utils/OperatorConstant";
import BizParams from '../../../components/commons/BizParams'

const R = require('ramda');
const FormItem = Form.Item;
const TabPane = Tabs.TabPane;
const dateFormat = 'YYYY-MM-DD';


export default Form.create({wrappedComponentRef: true})(class EditDrawer extends React.Component {

    constructor(props) {
        super(props);

        this.state = {
            open: false,
            disabled: true,
            type: "",
            module:"drawer",
            require_memo:true,
            require_other:true,
            loading: false
        }
    }



    handleResetFields = () => {
        this.props.form.resetFields();

        if (this.refs.certInfoReceipt) this.refs.certInfoReceipt.resetUpload();
        if (this.refs.certInfoSaleCheck) this.refs.certInfoSaleCheck.resetUpload();
        if (this.refs.certInfoVATVoice) this.refs.certInfoVATVoice.resetUpload();
        if (this.refs.certInfoOther) this.refs.certInfoOther.resetUpload();
        if (this.refs.checkFactoryReport) this.refs.checkFactoryReport.resetUpload();
    }

    handleCancel = () => {
        this.setState({open:false,require_other:true,require_memo:true,loading:false})
        this.props.dispatch({
            type: 'drawer/setDrawer',
            payload: {
                dataSource: "",
            }
        });
        this.handleResetFields();

    }

    handleOpen = (type, disable) => {
        this.state.type = type;

        if(!R.isNil(disable)){
            this.state.disabled = disable;
        }
        this.setState({open: true})
    }


    verification = (method) =>{
        if (this.state.type == OperatorConstant.add || this.state.type == OperatorConstant.edit) {

            let certInfoReceipt= this.refs.certInfoReceipt.getUrl();
            let certInfoVATVoice =  this.refs.certInfoVATVoice.getUrl();
            let certInfoSaleCheck =   R.isNil(this.refs.certInfoSaleCheck) ? "" :  this.refs.certInfoSaleCheck.getUrl();

            if (R.isNil(certInfoReceipt) || R.isEmpty(certInfoReceipt)) {
                message.error("请先上传销项发票照片!");
                return false;
            }
            if (R.isNil(certInfoSaleCheck) || R.isEmpty(certInfoSaleCheck))  {
                message.error("请先上传销售验厂情况!");
                return false;
            }
            if (R.isNil(certInfoVATVoice) || R.isEmpty(certInfoVATVoice)) {
                message.error("请先上传进项发票照片!");
                return false;
            }
        }

    }

    handleConfirm = (method) => {

        if(this.verification() == false){
            return;
        }


        this.props.form.validateFields((errors, values) => {
            let dataSource = R.isNil(this.props.dataSource) ? {} : this.props.dataSource
            if (errors) return;

            if(this.state.type == OperatorConstant.view){
                return;
            }


            if(this.state.type == OperatorConstant.approval){
                if(this.state.disabled == true){
                    return;
                }
                this.setState({ loading: true });
                let checkFactoryReport = R.isNil(this.refs.checkFactoryReport) ? "" : this.refs.checkFactoryReport.getUrl();
                this.props.dispatch({
                    type: "drawer/drawerApproval",
                    payload: {
                        id : dataSource.id,
                        approvalmemo: values.approvalmemo ,
                        supplygoods: values.supplygoods,
                        approvalresult: values.approvalresult ,
                        islookfactory: R.isNil(values.islookfactory) ? null : values.islookfactory ,
                        ticketlimit: R.isNil(values.ticketlimit) ? null :values.ticketlimit ,
                        monthlylimit: R.isNil(values.monthlylimit) ? null :values.monthlylimit ,
                        checkFactoryReport: checkFactoryReport,
                        onSuccess:()=>{
                            this.props.handleSearch();
                            this.handleCancel();
                        },
                        onFail: () => this.setState({ loading: false })
                    }
                })
            }else{
                let type = "";
                if (this.state.type == OperatorConstant.add) {
                    type = "drawer/addDrawer";

                } else if (this.state.type == OperatorConstant.edit) {
                    type = "drawer/updateDrawer";

                }

                let certInfoReceipt= this.refs.certInfoReceipt.getUrl();
                let certInfoVATVoice =  this.refs.certInfoVATVoice.getUrl();
                let certInfoOther =  this.refs.certInfoOther.getUrl();
                let certInfoSaleCheck =   R.isNil(this.refs.certInfoSaleCheck) ? "" :  this.refs.certInfoSaleCheck.getUrl();

                this.props.dispatch({
                    type: type,
                    payload: {
                        method: method,
                        cstid : this.props.cstId,
                        id : dataSource.id,

                        taxplayercode: values.taxplayercode,
                        name: values.name,
                        identifitime: values.identifitime.format(dateFormat),
                        foundeddate: values.foundeddate.format(dateFormat),
                        exportvolume: values.exportvolume,
                        exportvolumecurrency: values.exportvolumecurrency,
                        workshop: values.workshop,
                        staffnum: values.staffnum,
                        financialcontactor: values.financialcontactor,
                        financialtelephone: values.financialtelephone,
                        province: R.isNil(values.area) ? null : values.area[0],
                        city: R.isNil(values.area) ? null : values.area[1],
                        district: R.isNil(values.area) ? null : values.area[2],
                        address: values.address,
                        website: values.website,
                        ischeckinfo: values.ischeckinfo,
                        goodsproperty: values.goodsproperty,
                        contactname: values.contactname,
                        contacttel: values.contacttel,
                        website: values.website,
                        certInfoReceipt: certInfoReceipt,
                        certInfoSaleCheck: certInfoSaleCheck,
                        certInfoVATVoice: certInfoVATVoice,
                        certInfoOther: certInfoOther,

                        onSuccess:()=>{
                            this.props.handleSearch();
                            this.handleCancel();
                        },
                        onFail: () => this.setState({ loading: false })

                    }

                })

            }

        })
    }


    handleSelect=(value)=>{
        this.props.form.setFields({
            islookfactory:{errors:null},
            supplygoods:{errors:null},
            monthlylimit:{errors:null},
            approvalmemo:{errors:null},
            ticketlimit:{errors:null},
        });
        if(value==4){
            this.state.require_other=true;
            this.state.require_memo=false;
        }else{
            this.state.require_other=false;
            this.state.require_memo=true;
        }
    };
    visa=()=>{return this.state.type != OperatorConstant.view}

    render() {

        const { getFieldDecorator } = this.props.form;
        const formItemLayout = {labelCol: { xs: {span: 8}, sm: {span: 10}}, wrapperCol: {xs: {span: 15}, sm: {span: 14}}};
        const formItemLayout3 = {labelCol: { xs: {span: 8}, sm: {span: 3}}, wrapperCol: {xs: {span: 15}, sm: {span: 21}}};
        const formItemLayout2 = {labelCol: { xs: {span: 8}, sm: {span: 12}}, wrapperCol: {xs: {span: 15}, sm: {span: 20}}};
        let dataSource = R.isNil(this.props.dataSource) ? {} : this.props.dataSource;
        let footer = [];

        if(this.state.type == OperatorConstant.approval ){
            if(this.state.disabled == false){
                footer.push( <Button key="submit" size="large" loading={this.state.loading}  disabled={this.state.disabled || this.state.type == OperatorConstant.view} onClick={this.handleConfirm.bind(this, OperatorConstant.approval)}
                >审核</Button>);
            }

        }else if(this.state.type != OperatorConstant.view ){
            footer.push( <Button key="submit" size="large" loading={this.state.loading} disabled={this.props.disabled} onClick={this.handleConfirm.bind(this, OperatorConstant.add)}
            >保存</Button>);

            footer.push( <Button key="primary" size="large" loading={this.state.loading} disabled={this.props.disabled} onClick={this.handleConfirm.bind(this, OperatorConstant.saveAndApproval)}
            >保存并提交审核</Button>);

        }

        footer.push( <Button key="cancel" size="large" onClick={this.handleCancel.bind(this, true)}>取消</Button> );

        let area = [];
        R.isNil(dataSource.province) ? "" : area.push(dataSource.province);
        R.isNil(dataSource.city) ?  "" : area.push(dataSource.city);
        R.isNil(dataSource.district) ?  "" : area.push(dataSource.district);



        let disableForm = this.props.disabled || this.state.type == OperatorConstant.view || this.state.type == OperatorConstant.approval;
        let disableApprovalFrom = this.state.disabled || this.state.type == OperatorConstant.view;

        let attachments = R.isNil(this.props.dataSource) || R.isNil(this.props.dataSource.attachments) ? {} : this.props.dataSource.attachments;


        let certInfoReceipt = R.isNil(attachments.certInfoReceipt) ? "" : attachments.certInfoReceipt.url;
        let certInfoSaleCheck = R.isNil(attachments.certInfoSaleCheck) ? "" : attachments.certInfoSaleCheck.url;
        let certInfoVATVoice = R.isNil(attachments.certInfoVATVoice) ? "" : attachments.certInfoVATVoice.url;
        let certInfoOther = R.isNil(attachments.certInfoOther) ? "" : attachments.certInfoOther.url;
        let checkFactoryReport = R.isNil(attachments.checkFactoryReport) ? "" : attachments.checkFactoryReport.url;

        let csttype = R.isNil(dataSource.csttype) ? this.props.csttype : dataSource.csttype;
        return (
            <Modal visible={this.state.open}  width={1000} maskClosable={false} wrapClassName="vertical-center-modal" footer={footer} onCancel={this.handleCancel}
                   title={"开票人:"+(!R.isNil(dataSource.approvalMemo)&&this.visa()?dataSource.approvalMemo:"")} >

                <Form>
                    <Row>
                            <Col span={36}>
                                <FormItem {...formItemLayout3} label="开票人名称" hasFeedback>
                                    {getFieldDecorator('name', {
                                        rules: [{
                                            required: true, message: '请输入开票人名称'
                                        }],
                                        initialValue: dataSource.name
                                    })(
                                        <Input  disabled={disableForm} maxLength="50"/>
                                    )}
                                </FormItem></Col>

                    </Row>

                    <Row>
                        <Col span={8}>
                            <FormItem {...formItemLayout} label="纳税人识别号" hasFeedback>
                                {getFieldDecorator('taxplayercode', {
                                    rules: [{
                                        required: true, message: '请输入纳税人识别号'
                                    }],
                                    initialValue: dataSource.taxplayercode ? dataSource.taxplayercode : this.props.taxplayercode
                                })(
                                    <Input disabled={disableForm} maxLength="20"/>
                                )}
                            </FormItem>
                        </Col>
                        <Col span={8}>
                            <FormItem {...formItemLayout} label="一般纳税人认定时间" hasFeedback>
                                {getFieldDecorator('identifitime', {
                                    rules: [{
                                        required: true, message: '请输入一般纳税人认定时间'
                                    }],
                                    initialValue: dataSource.identifitime== undefined ? '' : moment(dataSource.identifitime, dateFormat)
                                })(
                                    <DatePicker  style={{width: 185}} disabled={disableForm}/>
                                )}
                            </FormItem>
                        </Col>
                        <Col span={8}>
                            <FormItem {...formItemLayout} label="是否查询企业信用信息" hasFeedback>
                                {getFieldDecorator('ischeckinfo', {
                                    rules: [{
                                        required: false, message: '请选择是否查询企业信用信息'
                                    }],
                                    initialValue: dataSource.ischeckinfo
                                })(
                                    <Select disabled={disableForm}>
                                        <Option value="0">是</Option>
                                        <Option value="1">否</Option>
                                    </Select>
                                )}
                            </FormItem>
                        </Col>
                    </Row>

                    <Row>
                        <Col span={8}>
                            <FormItem {...formItemLayout} label="预计月均出口额" hasFeedback>
                                {getFieldDecorator('exportvolume', {
                                    rules: [{
                                        required: true, message: '请输入预计月均出口额'
                                    }],
                                    initialValue: dataSource.exportvolume
                                })(
                                    <InputNumber style={{width: 185}} maxLength="18" disabled={disableForm}/>
                                )}
                            </FormItem></Col>
                        <Col span={8}>
                            <FormItem {...formItemLayout} label="出口额币种" hasFeedback>
                                {getFieldDecorator('exportvolumecurrency', {
                                    rules: [{
                                        required: true, message: '请输入出口额币种'
                                    }],
                                    initialValue: dataSource.exportvolumecurrency
                                })(
                                    <CurrencySelect disabled={disableForm} />
                                )}
                            </FormItem>
                        </Col>
                        <Col span={8}>
                            <FormItem {...formItemLayout} label="货物属性" hasFeedback>
                                {getFieldDecorator('goodsproperty', {
                                    rules: [{
                                        required: true, message: '请输入货物属性'
                                    }],
                                    initialValue: dataSource.goodsproperty
                                })(
                                    <Input maxLength="32" disabled={disableForm}/>
                                )}
                            </FormItem>
                        </Col>
                    </Row>

                    <Row>
                        <Col span={8}>
                            <FormItem {...formItemLayout} label="厂房面积" hasFeedback>
                                {getFieldDecorator('workshop', {
                                    rules: [{
                                        required: true, message: '请输入厂房面积'
                                    }],
                                    initialValue: dataSource.workshop
                                })(
                                    <InputNumber min={0} max={9999999999999} maxLength="18" style={{width: 185}} disabled={disableForm}/>
                                )}
                                （平方米）
                            </FormItem>
                        </Col>
                        <Col span={8}>
                            <FormItem {...formItemLayout} label="成立日期" hasFeedback>
                                {getFieldDecorator('foundeddate', {
                                    rules: [{
                                        required: this.state.type == OperatorConstant.approval  ? false : true,
                                        message: '请输入成立日期'
                                    }],
                                    initialValue: dataSource.foundeddate== undefined ? undefined : moment(dataSource.foundeddate, dateFormat)
                                })(
                                    <DatePicker style={{width: 185}} disabled={disableForm}/>
                                )}
                            </FormItem>
                        </Col>
                        <Col span={8}>
                            <FormItem {...formItemLayout} label="员工人数" hasFeedback>
                                {getFieldDecorator('staffnum', {
                                    rules: [{
                                        required: true, message: '请输入员工人数'
                                    }],
                                    initialValue: dataSource.staffnum
                                })(
                                    <InputNumber maxLength="11" style={{width: 185}} disabled={disableForm}/>
                                )}
                            </FormItem>
                        </Col>
                    </Row>

                    <Row>
                        <Col span={8}>
                            <FormItem {...formItemLayout} label="开票人财务联系人" hasFeedback>
                                {getFieldDecorator('financialcontactor', {
                                    rules: [{
                                        required: false, message: '请输入开票人财务联系人'
                                    }],
                                    initialValue: dataSource.financialcontactor
                                })(
                                    <Input maxLength="20" disabled={disableForm}/>
                                )}
                            </FormItem>
                        </Col>
                        <Col span={8}>
                            <FormItem {...formItemLayout} label="开票人财务联系电话" hasFeedback>
                                {getFieldDecorator('financialtelephone', {
                                    rules: [{
                                        required: false, message: '请输入开票人财务联系电话'
                                    }],
                                    initialValue: dataSource.financialtelephone
                                })(
                                    <Input maxLength="20" disabled={disableForm}/>
                                )}
                            </FormItem>
                        </Col>
                    </Row>

                    <Row>
                        <Col span={24}>
                            <FormItem {...formItemLayout3} label="区域" hasFeedback>
                                {getFieldDecorator('area', {
                                    rules: [{
                                        required: true, message: '请选择区域'
                                    }],
                                    initialValue: area
                                })(
                                    <AreaSelect disabled={disableForm}/>
                                )}
                            </FormItem></Col>
                    </Row>
                    <Row>
                        <Col span={24}>
                            <FormItem {...formItemLayout3} label="开票人地址" hasFeedback>
                                {getFieldDecorator('address', {
                                    rules: [{
                                        required: true, message: '请输入开票人地址'
                                    }],
                                    initialValue: dataSource.address
                                })(
                                    <Input maxLength="100" disabled={disableForm}/>
                                )}
                            </FormItem></Col>
                    </Row>
                    <Row>
                        <Col span={8}>
                            <FormItem {...formItemLayout} label="联系人" hasFeedback>
                                {getFieldDecorator('contactname', {
                                    rules: [{
                                        required: false, message: '请输入联系人'
                                    }],
                                    initialValue: dataSource.contactname
                                })(
                                    <Input maxLength="50" disabled={disableForm}/>
                                )}
                            </FormItem>
                        </Col>

                        <Col span={8}>
                            <FormItem {...formItemLayout} label="联系电话" hasFeedback>
                                {getFieldDecorator('contacttel', {
                                    rules: [{
                                        required: false, message: '请输入联系电话'
                                    }],
                                    initialValue: dataSource.contacttel
                                })(
                                    <Input maxLength="30" disabled={disableForm}/>
                                )}
                            </FormItem>
                        </Col>
                        <Col span={8}>
                            <FormItem {...formItemLayout} label="网址" hasFeedback>
                                {getFieldDecorator('website', {
                                    rules: [{
                                        required: false, message: '请输入网址'
                                    }],
                                    initialValue: dataSource.website
                                })(
                                    <Input maxLength="50" disabled={disableForm}/>
                                )}
                            </FormItem>
                        </Col>

                    </Row>

                   {dataSource.status == "4" ?
                        <Tabs tabPosition={'top'}>
                            <TabPane tab="限额" key="1">
                                <Row>
                                    <Col span={8}>
                                        <FormItem
                                            {...formItemLayout}
                                            label="每月限额(万USD)"
                                            hasFeedback
                                        >
                                            {getFieldDecorator('monthlylimit', {
                                                rules: [{
                                                    required: this.state.require_other, message: '请输入每月限额(万USD)！',
                                                }],
                                                initialValue: dataSource.monthlylimit
                                            })(
                                                <InputNumber style={{width: 185}} disabled={true} min={0} max={999999999999999}/>
                                            )}
                                        </FormItem>
                                    </Col>
                                    <Col span={8}>
                                        <FormItem
                                            {...formItemLayout}
                                            label="单笔限额(万USD)"
                                            hasFeedback
                                        >
                                            {getFieldDecorator('ticketlimit', {
                                                rules: [{
                                                    required: this.state.require_other, message: '请输入单笔限额(万USD)！',
                                                }],
                                                initialValue: dataSource.ticketlimit
                                            })(
                                                <InputNumber style={{width: 185}} disabled={true} min={0} max={999999999999999}/>
                                            )}
                                        </FormItem>
                                    </Col>
                                </Row>
                            </TabPane>
                        </Tabs>
                        :""}                    


                    <Tabs tabPosition={'top'}>
                        <TabPane tab="附件" key="1">
                            <Row>

                                <Col span={12}>
                                    <FormItem {...formItemLayout2} label={<span className="ant-form-item-required">销项发票照片</span>} hasFeedback>

                                        <SingleDragger url={certInfoReceipt} ref="certInfoReceipt"
                                                       dataSource={dataSource} module={this.state.module}
                                                       disabled={disableForm}/>
                                    </FormItem>
                                </Col>
                                <Col span={12}>
                                    <FormItem {...formItemLayout2} label={<span className="ant-form-item-required">销售验厂情况</span>} hasFeedback>

                                        <SingleDragger url={certInfoSaleCheck} ref="certInfoSaleCheck"
                                                       dataSource={dataSource} module={this.state.module}
                                                       disabled={disableForm}/>
                                    </FormItem>
                                </Col>
                            </Row>

                            <Row>
                                <Col span={12}>
                                    <FormItem {...formItemLayout2} label={<span className="ant-form-item-required">进项发票照片</span>} hasFeedback>

                                        <SingleDragger url={certInfoVATVoice} ref="certInfoVATVoice"
                                                       dataSource={dataSource} module={this.state.module}
                                                       disabled={disableForm}/>
                                    </FormItem>
                                </Col>
                                <Col span={12}>
                                    <FormItem {...formItemLayout2} label="其他" hasFeedback>

                                        <SingleDragger url={certInfoOther} dataSource={dataSource} ref="certInfoOther"
                                                       module={this.state.module} disabled={disableForm}/>
                                    </FormItem>
                                </Col>
                            </Row>
                        </TabPane>
                    </Tabs>


                    {this.state.type == OperatorConstant.approval ?
                        <Tabs tabPosition={'top'}>
                            <TabPane tab="审核" key="1">
                                <Row>
                                    <Col span={8}>
                                        <FormItem
                                            {...formItemLayout}
                                            label="请选择审核结果"
                                            hasFeedback
                                        >
                                            {getFieldDecorator('approvalresult', {
                                                rules: [{
                                                    required: true, message: '请选择审核结果！',
                                                }],
                                                initialValue: R.isNil(dataSource.status) || !R.contains(dataSource.status, ["3", "4", "5"]) ? "" : dataSource.status
                                            })(
                                                <Select disabled={disableApprovalFrom} onChange={this.handleSelect.bind(this)}>
                                                    <Option value="3">退回补充资料</Option>
                                                    <Option value="4">审核通过</Option>
                                                    <Option value="5">审核不通过</Option>
                                                </Select>
                                            )}
                                        </FormItem>
                                    </Col>
                                    {csttype == '2'? "" :
                                        <Col span={8}>
                                            <FormItem
                                                {...formItemLayout}
                                                label="是否看厂"
                                                hasFeedback
                                            >
                                                {getFieldDecorator('islookfactory', {
                                                    rules: [{
                                                        required: this.state.require_other, message: '请选择是否看厂！',
                                                    }],
                                                    initialValue: dataSource.islookfactory
                                                })(
                                                    <Select disabled={disableApprovalFrom}>
                                                        <Option value="1">是</Option>
                                                        <Option value="2">否</Option>
                                                    </Select>
                                                )}
                                            </FormItem>
                                        </Col>}
                                    <Col span={8}>
                                        <FormItem
                                            {...formItemLayout}
                                            label="境内货源地"
                                            hasFeedback
                                        >
                                            {getFieldDecorator('supplygoods', {
                                                rules: [{
                                                    required: this.state.require_other, message: '请选择境内货源地！',
                                                }],
                                                initialValue: dataSource.supplygoods
                                            })(
                                                <BizParams sprCode={"supplyGoods"} style={{width:'100%'}} blank={true} disabled={disableApprovalFrom}/>
                                            )}

                                        </FormItem>
                                    </Col>
                                </Row>
                                <Row>
                                    {csttype == '2'? "" :
                                        <div>
                                            <Col span={8}>
                                                <FormItem
                                                    {...formItemLayout}
                                                    label="每月限额(万USD)"
                                                    hasFeedback
                                                >
                                                    {getFieldDecorator('monthlylimit', {
                                                        rules: [{
                                                            required: this.state.require_other, message: '请输入每月限额(万USD)！',
                                                        }],
                                                        initialValue: dataSource.monthlylimit
                                                    })(
                                                        <InputNumber style={{width: 185}} disabled={disableApprovalFrom}  min={0} max={999999999999999}/>
                                                    )}
                                                </FormItem>
                                            </Col>
                                            <Col span={8}>
                                                <FormItem
                                                    {...formItemLayout}
                                                    label="单笔限额(万USD)"
                                                    hasFeedback
                                                >
                                                    {getFieldDecorator('ticketlimit', {
                                                        rules: [{
                                                            required: this.state.require_other, message: '请输入单笔限额(万USD)！',
                                                        }],
                                                        initialValue: dataSource.ticketlimit
                                                    })(
                                                        <InputNumber style={{width: 185}} disabled={disableApprovalFrom}  min={0} max={999999999999999}/>
                                                    )}
                                                </FormItem>
                                            </Col>
                                        </div>
                                    }
                                    <Col span={8}>
                                        <FormItem
                                            {...formItemLayout}
                                            label="备注"
                                            hasFeedback
                                        >
                                            {getFieldDecorator('approvalmemo', {
                                                rules: [{
                                                    required: this.state.require_memo, message: '请输入备注！',
                                                }],
                                                initialValue: dataSource.approvalMemo

                                            })(
                                                <Input disabled={disableApprovalFrom} maxLength="100"/>
                                            )}
                                        </FormItem>
                                    </Col>
                                </Row>
                                {csttype == '2'? "" :
                                    <Row>
                                        <Col span={8}>
                                            <FormItem
                                                {...formItemLayout}
                                                label="生产企业评审表"
                                                hasFeedback
                                            >
                                                <SingleDragger url={checkFactoryReport} module={this.state.module} ref="checkFactoryReport"  dataSource={dataSource} disabled={disableApprovalFrom} />
                                            </FormItem>
                                        </Col>
                                    </Row>}
                            </TabPane>
                        </Tabs>
                        : ""}

                </Form>
            </Modal>
        );
    }
})


// WEBPACK FOOTER //
// ./public/src/components/order/components/EditDrawer.js